<!DOCTYPE html>
<html>

<head>
    <meta content='width=device-width' name='viewport'>
    <title>WLED Update</title>
    <script>function B() { window.history.back() }
    function U() {document.getElementById("uf").style.display="none";document.getElementById("msg").style.display="block";}
    </script>
    <style>
      .bt {
        background: #333;
        color: #fff;
        font-family: Verdana, sans-serif;
        border: .3ch solid #333;
        display: inline-block;
        font-size: 20px;
        margin: 8px;
        margin-top: 12px
      }

      input[type=file] {
        font-size: 16px
      }

      body {
        font-family: Verdana, sans-serif;
        text-align: center;
        background: #222;
        color: #fff;
        line-height: 200%
      }
      
      #msg {
        display: none;
      }
    </style>
</head>

<body>
    <h2>WLED Software Update</h2>
    <form method='POST' action='/update' id='uf' enctype='multipart/form-data' onsubmit="U()">
      Installed version: ##VERSION##<br>
      Download the latest binary: <a href="https://github.com/Aircoookie/WLED/releases" target="_blank">
      <img src="https://img.shields.io/github/release/Aircoookie/WLED.svg?style=flat-square"></a><br>
      <input type='file' class="bt" name='update' required><br> <!--should have accept='.bin', but it prevents file upload from android app-->
      <input type='submit' class="bt" value='Update!' ><br>
      <button type="button" class="bt" onclick="B()">Back</button></form>
    <div id="msg"><b>Updating...</b><br>Please do not close or refresh the page :)</div>
</body>

</html>